<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="/static/plugs/cpjs/src/lib/jquery/jquery_v3.5.1.min.js"></script>
    <script type="text/javascript" src="https://www.layuicdn.com/layui/layui.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<!--头部-->
<div class="header" id="header">
    <div class="layui-container nav">
        <ul class="layui-nav  layui-layout-left">
            <li class="layui-nav-item logo">
                <a href="./index.html">
                    lve123.com
                </a>
            </li>
            <li class="layui-nav-item layui-this"><a href="./index.html">首页</a></li>
            <li class="layui-nav-item">
                <a href="blog.html">
                    博客
                    <span class="nav-round">推荐</span>
                </a>
            </li>
            <li class="layui-nav-item"><a href="shop.html">应用</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right ">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="user_mian.html">
                    <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                    梁静茹给得勇气
                </a>
            </li>
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:openHtml(false,'./login.html','440px','623px');">登陆</a>
            </li>
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:openHtml(false,'./register.html','440px','623px');">注册</a>
            </li>
        </ul>
    </div>
</div>

<!--幻灯片-->
<div class="slide">
    <div class="layui-carousel" id="slide-cont">
        <div carousel-item>
            <div>
                <a href="">
                    <img src="https://www.gwypxw.com/uploads/image/20211110/b9cd5e96b35d40261180877a7e9bbcfa.jpg" alt="">
                </a>
            </div>
            <div>
                <a href="">
                    <img src="https://www.gwypxw.com/uploads/image/20211110/b9cd5e96b35d40261180877a7e9bbcfa.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
</div>

<!--主体-->
<div class="body">
    <div class="layui-container">
        <div class="bt">
            <h2>
                <strong>博客文章</strong>
                <span>每天看一篇文章，让自己的大脑充实起来</span>
            </h2>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel blog">
                    <div class="layui-tab layui-tab-brief">
                        <ul class="layui-tab-title">
                            <li class="">最近更新</li>
                            <li class="layui-this">php</li>
                            <li>html</li>
                            <li>js</li>
                            <li>ccss调优基础知识</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item ">
                                <ul class="layui-timeline">
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="">
                                                <h3 class="layui-timeline-title">8月18日 一份经过时间检验的 Laravel PHPUnit 测试经验分享</h3>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="layui-tab-item layui-show">
                                <div class="cate-left">
                                    <img src="image/5.jpg" alt="">
                                </div>
                                <div class="cate-right">
                                    <ul>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                        <li>
                                            <a href="">网页中图片属性固定宽度，如何用js改变大小</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="clear-both"></div>
                            </div>
                        </div>
                    </div>
                    <a href=" " class="blog-more">阅读更多文章</a>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel blog blog-right">
                    <h3>
                        <strong>优质</strong>
                    </h3>
                    <ul>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                    </ul>
                    <h3>
                        <strong>推荐</strong>
                    </h3>
                    <ul>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                        <li>
                            <a href="">网页中图片属性固定宽度，如何用js改</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="bt">
            <h2>
                <strong>应用、系统、模板</strong>
                <span>多研究，多实践，准会有属于自己的作品</span>
            </h2>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel app app-left">
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">手机应用</li>
                            <li>系统</li>
                            <li>Html/Css模板</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <ol class="layui-row layui-col-space15">
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                    <li class="layui-col-sm4">
                                        <a href="">
                                            <img src="image/2.png" alt="">
                                            <p class="title">PHp中文手册</p>
                                        </a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel app app-right">
                    <h3>
                        <strong>热门</strong>
                    </h3>
                    <ol>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">1</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">2</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">3</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">4</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">5</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">6</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">7</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">8</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">9</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="ta">
                                <span class="sort">10</span>
                                <p>
                                    <span>360浏览器</span>
                                    <span>30214次下载</span>
                                </p>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>

        <div class="bt">
            <h2>
                <strong>友链</strong>
                <span>优秀的东西，应当及时收藏与分享品</span>
            </h2>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel link link-left">
                    <ul>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>ThinkPHP</span>
                                    <span>www.think.cn</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel link link-right">
                    <h3>
                        <strong>公众号</strong>
                        <span class="office-desc">本站公众号</span>
                    </h3>
                    <div class="office-img">
                        <img src="image/3.png" alt="" >
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--广告区-->
<div class="ad">
    <div class="layui-container">
        <ul>
            <li>
                <a href="">
                    <img src="image/4.png" alt="">
                </a>
                <p class="ad-mbox">
                    <span>广告</span>
                </p>
            </li> 
        </ul>
    </div>
</div>

<!--底部-->
<div class="footer">
    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <ul>
                    <li><strong>权益</strong></li>
                    <li>版权所有： © 2005-2021</li>
                    <li>ICP 备案：津ICP备19004899</li>
                </ul>
            </div>
            <div class="layui-col-md4">
                <ul>
                    <li><strong>联系客服</strong></li>
                    <li>站长邮箱：13765895164@163.com</li>
                    <li>站长QQ：2051591601</li>
                    <li>站长电话：13765895164</li>
                    <li>站长微信：lve123com</li>
                </ul>
            </div>
            <div class="layui-col-md4">
                <ul>
                    <li><strong>架构</strong></li>
                    <li>系统名称：辰平个人技术交流博客系统</li>
                    <li>系统版本：1.2</li>
                    <li>系统作者：陈平</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--右侧固定导航区域-->
<div class="nav-righ-fixed">
    <a class="item" href="javascript:openHtml('近期消息','./message.html','400px','550px');">
        <p>
            <i class="iconfont icon-xiaoxi"></i>
        </p>
        <p>消息</p>
    </a>
    <div class="item" onclick="openHtml('客服','.kflist','400px','550px',1);">
        <p>
            <i class="iconfont icon-kefu"></i>
        </p>
        <p>客服</p>
        <div class="kflist">
            <ul>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--路飞</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--小唐</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--小芳</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--露露</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--林倩</span>
                        <span class="online">在线</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <a href="javascript:openHtml('反馈','./debug.html','400px','550px');" class="item">
        <p>
            <i class="iconfont icon-yijianfankui"></i>
        </p>
        <p>反馈</p>
    </a>
    <a href="javascript:backTop();" class="item">
        <p>
            <i class="iconfont icon-huidaodingbu"></i>
        </p>
        <p>顶部</p>
    </a>
</div>

</body>
</html>